<template>
    <div class= "city-header">
        <router-link to= '/'>
            <span class="iconfont city-icon-leave">&#xe624;</span>
        </router-link>
        <p class="city-header-title">城市选择</p>
    </div>
</template>
<script>
export default {
    name: 'city-header'
}
</script>

<style lang= "stylus" scoped>
@import '../../../assets/styles/varibles.styl';/* 不能写在url中 */
*
    box-sizing border-box
    padding 0
    margin 0
    .city-header
        line-height $headerHeight
        height $headerHeight
        background $bgColor
        color #fff
        text-align center
        .city-icon-leave
            text-align center
            float left
            color #fff
            padding-left .2rem
            font-size .4rem
        .city-header-title
            text-align center
            font-size .4rem
</style>
